html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.clear { clear: both; }

.space { clear: both; height: 30px; }

.colorpink { color: #cc2b6e; }

.border { border: 1px solid #ccc; clear: both; }

.countbolder { color: #cc2b6e; font-weight: bolder; font-size: 20px; font-size: 2rem; }

.inputText, #layout #tabs #tabs-1 form input, #layout #tabs #tabs-1 form select, #layout #order_more input, #layout #order_more select, #layout #order_more1 input, #layout #order_more1 select, #layout #order_more2 input, #layout #order_more2 select { outline-color: #cc2b6e; float: left; margin-left: 10px; width: 85%; height: 30px; }

.col-1 { width: 60% !important; }

.col-2 { width: 48% !important; }

.col-3 { width: 32% !important; }

.col-4 { width: 24% !important; }

.col-5 { width: 19.2% !important; }

.col-6 { width: 16% !important; }

.col-7 { width: 13.71429% !important; }

.col-8 { width: 12% !important; }

* { margin: 0; padding: 0; }

html { font-size: 62.5%; font-size: 10px; }

body { height: 100%; font-family: Open Sans, Microsoft JhengHei, sans-serif; position: relative; }

#layout { margin: 0 auto; width: 1200px; font-family: Open Sans, Microsoft JhengHei, sans-serif; color: #686868; }
@media screen and (max-width: 1200px) { #layout { width: 100%; } }
#layout header { height: 200px; text-align: center; }
#layout header img { margin-top: 30px; }
#layout h1 { font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; margin-bottom: 20px; margin-bottom: 2rem; height: 36px; text-align: center; position: relative; }
#layout h1 span { background: #fff; position: absolute; margin-left: -40px; padding: 0 2px; }
#layout h1:before { content: ''; border-top: 2px solid #cc2b6e; display: block; position: absolute; width: 100%; bottom: 17px; }
#layout form { border-radius: 5px; color: #fff; border: 2px solid #000; }
#layout form h3, #layout form input { margin-left: 10px; }
#layout form h3 { display: block; clear: both; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; color: #686868; }
#layout form input { height: 30px; width: 91%; margin-bottom: 20px; margin-bottom: 2rem; }
#layout form .check { vertical-align: middle; }
#layout form .btnsubmit, #layout #tabs #tabs-1 form button { width: 44%; height: 30px; margin-left: 10px; font-family: Open Sans, Microsoft JhengHei, sans-serif; margin-bottom: 20px; cursor: pointer; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#layout form .btnsubmit:hover, #layout #tabs #tabs-1 form button:hover { background: none !important; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#layout #register, #layout #login, #layout #forget { width: 300px; margin: 50px; float: left; }
@media screen and (max-width: 1200px) { #layout #register, #layout #login, #layout #forget { width: 50%; margin: 5% auto; float: none; } }
@media screen and (max-width: 768px) { #layout #register, #layout #login, #layout #forget { width: 80%; margin: 5% 10%; } }
#layout #register h1, #layout #login h1, #layout #forget h1 { color: #cc2b6e; }
#layout #register form, #layout #login form, #layout #forget form { border-color: #cc2b6e; }
#layout #register form input, #layout #login form input, #layout #forget form input { outline-color: #cc2b6e; }
#layout #register form label, #layout #login form label, #layout #forget form label { color: #686868; }
#layout #register form .check, #layout #login form .check, #layout #forget form .check { width: 35%; }
#layout #register form #arrow, #layout #login form #arrow, #layout #forget form #arrow { width: 20px; height: 20px; }
#layout #register form .btnsubmit, #layout #register #tabs #tabs-1 form button, #layout #tabs #tabs-1 #register form button, #layout #login form .btnsubmit, #layout #login #tabs #tabs-1 form button, #layout #tabs #tabs-1 #login form button, #layout #forget form .btnsubmit, #layout #forget #tabs #tabs-1 form button, #layout #tabs #tabs-1 #forget form button { background: #cc2b6e; border: none; color: #fff; }
#layout #register form .btnsubmit:hover, #layout #register #tabs #tabs-1 form button:hover, #layout #tabs #tabs-1 #register form button:hover, #layout #login form .btnsubmit:hover, #layout #login #tabs #tabs-1 form button:hover, #layout #tabs #tabs-1 #login form button:hover, #layout #forget form .btnsubmit:hover, #layout #forget #tabs #tabs-1 form button:hover, #layout #tabs #tabs-1 #forget form button:hover { color: #cc2b6e; border: 1px solid #cc2b6e; }
@media screen and (max-width: 768px) { #layout #register form .btnsubmit, #layout #register #tabs #tabs-1 form button, #layout #tabs #tabs-1 #register form button, #layout #login form .btnsubmit, #layout #login #tabs #tabs-1 form button, #layout #tabs #tabs-1 #login form button, #layout #forget form .btnsubmit, #layout #forget #tabs #tabs-1 form button, #layout #tabs #tabs-1 #forget form button { margin-top: 5%; } }
#layout #login h1 { color: #e4a721; }
#layout #login h1:before { border-color: #e4a721; }
#layout #login form { border-color: #e4a721; }
#layout #login form input { outline-color: #e4a721; }
#layout #login form .btnsubmit, #layout #login #tabs #tabs-1 form button, #layout #tabs #tabs-1 #login form button { background: #e4a721; border: none; color: #fff; }
#layout #login form .btnsubmit:hover, #layout #login #tabs #tabs-1 form button:hover, #layout #tabs #tabs-1 #login form button:hover { color: #e4a721; border: 1px solid #e4a721; }
#layout #forget h1 { color: #92b72c; }
#layout #forget h1:before { border-color: #92b72c; }
#layout #forget form { border-color: #92b72c; }
#layout #forget form input { outline-color: #92b72c; }
#layout #forget form .btnsubmit, #layout #forget #tabs #tabs-1 form button, #layout #tabs #tabs-1 #forget form button { background: #92b72c; border: none; color: #fff; }
#layout #forget form .btnsubmit:hover, #layout #forget #tabs #tabs-1 form button:hover, #layout #tabs #tabs-1 #forget form button:hover { color: #92b72c; border: 1px solid #92b72c; }

footer { clear: both; margin-top: 50px; margin-top: 5rem; width: 100%; height: 50px; min-width: 1200px; line-height: 50px; background: #353535; text-align: center; }
@media screen and (max-width: 1200px) { footer { width: 100%; min-width: 0; } }
footer a { color: #cccccc; text-decoration: none; }
footer a:hover { color: #b3b3b3; }

#layout #loginout { width: 130px; height: 30px; line-height: 30px; position: absolute; right: 0; background: #686868; text-align: center; color: #fff; text-decoration: none; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; }
#layout #loginout:hover { -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); background: none; border: 1px solid #686868; color: #686868; }
#layout #tabs { margin-bottom: 100px; margin-bottom: 10rem; width: 1200px; position: relative; font-family: Open Sans, Microsoft JhengHei, sans-serif; background: none; border: none; }
@media screen and (max-width: 1200px) { #layout #tabs { width: 1200px; padding: 0; } }
#layout #tabs li { width: 200px; height: 46px; }
#layout #tabs li a { width: 85%; height: 70%; font-size: 16px; font-size: 1.6rem; text-align: center; line-height: 33px; }
#layout #tabs .ui-tabs-panel { padding: 3rem 1.4em; }
#layout #tabs .ui-widget-header { border: none; background: none; }
#layout #tabs .ui-state-active { border: none; }
#layout #tabs #ui-id-1, #layout #tabs #ui-id-2, #layout #tabs #ui-id-3 { color: #fff; }
#layout #tabs #ui-id-1 { background: #cc2b6e; }
#layout #tabs #ui-id-2 { background: #e4a721; }
#layout #tabs #ui-id-3 { background: #92b72c; }
#layout #tabs #tabs-1, #layout #tabs #tabs-2, #layout #tabs #tabs-3 { width: 1163px; }
@media screen and (max-width: 1200px) { #layout #tabs #tabs-1, #layout #tabs #tabs-2, #layout #tabs #tabs-3 { width: 1180px; padding: 8px; } }
#layout #tabs #tabs-1 { border: 2px solid #cc2b6e; background: #fef8fb; }
#layout #tabs #tabs-1 form { border: none; color: #686868; }
#layout #tabs #tabs-1 form h3 { float: left; clear: none; margin-left: 30px; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; }
#layout #tabs #tabs-1 form h3[data-name='name'] { color: #cc2b6e; }
#layout #tabs #tabs-1 form label { float: left; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; margin-left: 5px; margin-left: 0.5rem; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; }
#layout #tabs #tabs-1 form select { float: left; height: 34px; margin-left: 10px; }
#layout #tabs #tabs-1 form input, #layout #tabs #tabs-1 form select { margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; }
#layout #tabs #tabs-1 form input[type='radio'], #layout #tabs #tabs-1 form select[type='radio'] { width: 17px; height: 17px; margin-top: 32px; }
#layout #tabs #tabs-1 form button { width: 99%; height: 50px; color: #fff; font-size: 16px; font-size: 1.6rem; }
#layout #tabs #tabs-1 form button[data-submit='submit'] { margin-top: 40px; margin-top: 4rem; border: 2px solid #cc2b6e; background: none; color: #cc2b6e; }
#layout #tabs #tabs-1 form button[data-submit='submit']:hover { -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); transform: rotateX(360deg); background: #cc2b6e !important; color: #fff; }
#layout #tabs #tabs-1 form button[data-search='search'] { border: none; color: #fff; background: #cc2b6e; border-radius: 35px; margin-left: 40px; }
#layout #tabs #tabs-1 form button[data-search='search']:hover { background: none; border: 2px solid #cc2b6e; color: #cc2b6e; }
#layout #tabs #tabs-2 { border: 2px solid #e4a721; background: white; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; }
#layout #tabs #tabs-3 { border: 2px solid #92b72c; background: #f5fae8; }
#layout #tabs #tabs-3 tr td { font-size: 16px; font-size: 1.6rem; padding: 0 17px; line-height: 46px; text-align: center; clear: both; width: auto; border: 1px solid #ccc; }
#layout #tabs #tabs-3 tr td a[data-order='ordercontent'] { text-decoration: none; padding: 8px; -moz-box-shadow: 2px 2px 1px #666; -webkit-box-shadow: 2px 2px 1px #666; box-shadow: 2px 2px 1px #666; background: #718e22; color: #fff; }
#layout #tabs #tabs-3 tr td a[data-order='ordercontent']:hover { -moz-box-shadow: -2px -2px 3px #313131 inset; -webkit-box-shadow: -2px -2px 3px #313131 inset; box-shadow: -2px -2px 3px #313131 inset; width: 86%; background: #506518; }

#layout #order_more { width: 1120px; }
#layout #order_more1 { width: 1060px; }
#layout #order_more2 { width: 1200px; }
#layout #order_more, #layout #order_more1, #layout #order_more2 { display: table; }
#layout #order_more select, #layout #order_more1 select, #layout #order_more2 select { height: 34px; }
#layout #order_more h3, #layout #order_more1 h3, #layout #order_more2 h3 { float: left; margin-right: 20px; margin-right: 2rem; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; }
#layout #order_more h3 span, #layout #order_more1 h3 span, #layout #order_more2 h3 span { color: #cc2b6e; }
#layout #order_more tr td, #layout #order_more tr li, #layout #order_more ul td, #layout #order_more ul li, #layout #order_more1 tr td, #layout #order_more1 tr li, #layout #order_more1 ul td, #layout #order_more1 ul li, #layout #order_more2 tr td, #layout #order_more2 tr li, #layout #order_more2 ul td, #layout #order_more2 ul li { font-size: 16px; font-size: 1.6rem; word-break: break-all; padding: 0 5px; line-height: 46px; text-align: center; display: table-cell; padding: 0; width: auto; border: 1px solid #ccc; }
#layout #order_more tr td a[data-order='ordercontent'], #layout #order_more tr li a[data-order='ordercontent'], #layout #order_more ul td a[data-order='ordercontent'], #layout #order_more ul li a[data-order='ordercontent'], #layout #order_more1 tr td a[data-order='ordercontent'], #layout #order_more1 tr li a[data-order='ordercontent'], #layout #order_more1 ul td a[data-order='ordercontent'], #layout #order_more1 ul li a[data-order='ordercontent'], #layout #order_more2 tr td a[data-order='ordercontent'], #layout #order_more2 tr li a[data-order='ordercontent'], #layout #order_more2 ul td a[data-order='ordercontent'], #layout #order_more2 ul li a[data-order='ordercontent'] { text-decoration: none; padding: 8px; -moz-box-shadow: 2px 2px 1px #666; -webkit-box-shadow: 2px 2px 1px #666; box-shadow: 2px 2px 1px #666; background: #718e22; color: #fff; }
#layout #order_more tr td a[data-order='ordercontent']:hover, #layout #order_more tr li a[data-order='ordercontent']:hover, #layout #order_more ul td a[data-order='ordercontent']:hover, #layout #order_more ul li a[data-order='ordercontent']:hover, #layout #order_more1 tr td a[data-order='ordercontent']:hover, #layout #order_more1 tr li a[data-order='ordercontent']:hover, #layout #order_more1 ul td a[data-order='ordercontent']:hover, #layout #order_more1 ul li a[data-order='ordercontent']:hover, #layout #order_more2 tr td a[data-order='ordercontent']:hover, #layout #order_more2 tr li a[data-order='ordercontent']:hover, #layout #order_more2 ul td a[data-order='ordercontent']:hover, #layout #order_more2 ul li a[data-order='ordercontent']:hover { -moz-box-shadow: -2px -2px 3px #313131 inset; -webkit-box-shadow: -2px -2px 3px #313131 inset; box-shadow: -2px -2px 3px #313131 inset; width: 86%; background: #506518; }
#layout #order_more #ordercount, #layout #order_more1 #ordercount, #layout #order_more2 #ordercount { float: right; }
#layout #order_more #ordercount ul, #layout #order_more1 #ordercount ul, #layout #order_more2 #ordercount ul { border-bottom: 1px solid #ccc; background: none; }
#layout #order_more #ordercount ul li, #layout #order_more1 #ordercount ul li, #layout #order_more2 #ordercount ul li { border: none; height: 50px; line-height: 50px; }
#layout #order_more #ordertitle, #layout #order_more1 #ordertitle, #layout #order_more2 #ordertitle { width: 100%; display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; }
#layout #order_more #ordermessage, #layout #order_more1 #ordermessage, #layout #order_more2 #ordermessage { border: none; float: left; width: 60%; }
#layout #order_more #ordermessage label, #layout #order_more1 #ordermessage label, #layout #order_more2 #ordermessage label { color: #cc2b6e; font-weight: bolder; font-size: 16px; line-height: 40px; }
#layout #order_more #ordermessage #message, #layout #order_more1 #ordermessage #message, #layout #order_more2 #ordermessage #message { width: 100%; height: 100%; overflow-y: visible; font-size: 14px; }
#layout #order_more1 tr td:nth-child(1) { width: 200px; }
#layout #order_more1 tr td:nth-child(2), #layout #order_more1 tr td:nth-child(3), #layout #order_more1 tr td:nth-child(5) { width: 150px; }
#layout #order_more1 tr td:nth-child(4) { width: 400px; }